<!--
  Generated template for the BozhuinfoPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<ion-header>

  <ion-navbar>
    <ion-title>擂主风采</ion-title>
  </ion-navbar>

</ion-header>


<ion-content class="cards-bg">

  <ion-card class="adv-map">
    <div style="position: relative">
      <img src="http://www.bkqs8.com/photo/weChatApi/loadImg?path=champion&filename={{bozhu_image}}">
      <ion-fab right top>
        <!--<button ion-fab class="fab-map">
          <ion-icon name='pin'></ion-icon>
        </button>-->
      </ion-fab>
    </div>
    <div style="padding: 11px">
      <div style="float: left;alignment: center;width: 55px">
        <img style="width: 24px;height: 24px" src="assets/icon/boshi.png">
      </div>
      <div style="float: left">
        <h2 style="text-align: center;margin-left: 15px">{{bozhu_name}}</h2>
      </div>
      <!--<h2 style="margin-top: 5px">{{bozhu_time}}</h2>-->
    </div> <br>

    <div style="padding: 11px">
      <div style="float: left;alignment: center;width: 55px">
        <img style="width: 24px;height: 24px" src="assets/icon/homehd.png">
      </div>
      <div style="float: left">
        <h2 style="margin-left: 15px" [innerHTML]="assembleHTML(bozhu_jieshao)"></h2>
      </div>
    </div>

    <ion-item actions>
      <span ion-text item-start color="secondary" class="item-bold">{{geyan_bozhu}}</span>
      <span ion-text item-start color="subtle"></span>
      <button ion-button color="primary" clear item-end icon-start>
        <ion-icon></ion-icon>
      </button>
    </ion-item>

  </ion-card>
  <div style="padding-left: 11px">
    <ng-container *ngIf="jidiBoolen">
    <div style="tab-size: 19px"> <div style="float:left;width: 3px;height: 18px; background: orange;margin-right: 5px"></div>科普基地 </div>
    <a style="margin-top: 5px;margin-bottom: 5px;tab-size: 12px;color: #9d9d9d">关联基地</a>
    </ng-container>
  </div>


  <div style="padding: 11px;">
    <bozhujidilist [listitem]="tasklist"></bozhujidilist>
  </div>

  <!-- 作品 -->
  <div style="padding-left: 11px">
    <ng-container *ngIf="zuopinBoolen">
    <div style="tab-size: 19px"> <div style="float:left;width: 3px;height: 18px; background: orange;margin-right: 5px"></div>作品广场 </div>
    <a style="margin-top: 5px;margin-bottom: 5px;tab-size: 12px;color: #9d9d9d">评论作品</a>
    </ng-container>
  </div>
  <div class="container-fluid">
    <div class="row">
      <bozhuzuopin [listitemzuopin]="zuopinlistitem" ></bozhuzuopin>
    </div>
  </div>
  <br>
  <br>




</ion-content>
